<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		
		<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">

        <link rel="stylesheet" type="text/css" href="css/iconfont/iconfont.css"/>
        <link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
        <link rel="stylesheet" type="text/css" href="css/common.css"/>
		<title>复旦大学EMBA</title>
	</head>
	<body class="grey">
		
        <div class="page">

            <div class="head-box flex">
                <img class="logo" src="img/logo_icon.png" alt="">
                <div class="head-box-btn flex">
                    <i class="iconfont icon-sousuo search"></i>
                    <i class="iconfont icon-caidan menu"></i>
                </div>
            </div>

            <div class="menu-nav-box">
                <div class="menu-nav-item">
                    <div class="flex items-center">
                        <i class="iconfont icon-shouye"></i>
                        <p>首页</p>
                    </div>
                </div>
                <div class="menu-nav-item onthis">
                    <div class="flex items-center">
                        <i class="iconfont icon-shenqing"></i>
                        <p>申请</p>
                    </div>
                </div>
                <div class="menu-nav-item">
                    <div class="flex items-center">
                        <i class="iconfont icon-kecheng"></i>
                        <p>课程</p>
                    </div>
                </div>
                <div class="menu-nav-item">
                    <div class="flex items-center">
                        <i class="iconfont icon-jiaoshi"></i>
                        <p>师资</p>
                    </div>
                </div>
                <div class="menu-nav-item">
                    <div class="flex items-center">
                        <i class="iconfont icon-renqun"></i>
                        <p>校友</p>
                    </div>
                </div>
                <div class="menu-nav-item">
                    <div class="flex items-center">
                        <i class="iconfont icon-gongwenbao"></i>
                        <p>活动</p>
                    </div>
                </div>
                <div class="menu-nav-item">
                    <div class="flex items-center">
                        <i class="iconfont icon-zixun"></i>
                        <p>资讯</p>
                    </div>
                </div>
            </div>

            <div class="banner"><img src="img/banner_mobile_class.jpg" width="100%" alt="" /></div>

            <div class="content class-events">
                <div class="class-events-detail-box">
                    <img src="img/class_events_mobile_class_title.jpg" width="100%" alt="" />
                    <img class="title-text" src="img/class_events_mobile_class_title_text.jpg" width="100%" alt="" />
                    <img src="img/class_events_mobile_class_map.jpg" width="100%" alt="" />
                </div>
            </div>

            <div class="content class-events">
                <div class="class-events-detail-box">
                    <img class="title-text" src="img/class_events_mobile_class_title_text1.jpg" width="100%" alt="" />
                    <div class="class-article-list">
                        <div class="class-article-box flex">
                            <img src="img/news_demo_img1.jpg" alt="">
                            <div class="class-article-box-info">
                                <h1>探究阳明心学，领悟知行合一｜绍兴移动课堂</h1>
                                <p>2018年10月26日  10:00</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="float-box">
                <div class="float-box-item">
                    <i class="iconfont icon-kefu"></i>
                    <p>咨询</p>
                </div>
                <div class="float-box-item">
                    <i class="iconfont icon-baoming"></i>
                    <p>报名</p>
                </div>
                <div class="float-box-item">
                    <i class="iconfont icon-dianhua"></i>
                    <p>致电</p>
                </div>
            </div>

            <div class="bottom-box">
                <div class="bottom-add-box flex">
                    <div>
                        <i class="iconfont icon-dizhi"></i>
                        <p>上海市国顺路670号<br />管理学院史带楼708室</p>
                    </div>
                    <div>
                        <i class="iconfont icon-dianhua"></i>
                        <p>021-25011500</p>
                    </div>
                    <div>
                        <i class="iconfont icon-youjian"></i>
                        <p>emba@fudan.edu.cn</p>
                    </div>
                </div>
                <div class="bottom flex">
                    <div class="flex">
                        <img src="img/bottom_logo.png" alt="">
                        <p>Copyright2017©复旦大学管理学院<br />沪ICP备16018209号-1</p>
                    </div>
                </div>
            </div>
        </div>
		
		<script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            $('.menu').click(function (e) {
                $('.menu-nav-box').toggle();
            });

            $('.search').click(function (e) {
                window.location.href = 'search.html';
            });

            var mySwiper = new Swiper ('.swiper-container', {
                slidesPerView: 3,
                centeredSlides: true,
                spaceBetween: '-40%',
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },
            });
            
            $('.video-play-btn').click(function (e) {
                $(this).hide();
                $(this).next('img').hide();
                var video = document.getElementById('my_video');
                $('#my_video').show();
                video.play();
                document.addEventListener("WeixinJSBridgeReady", function() {
                    video.play();
                }, false);
                video.addEventListener("ended", function() {
                    //alert("播放结束");
                    $('#my_video').hide();
                    $('.video-play-btn').show();
                    $('.video-play-btn').next('img').show();
                })
            });

            $('.study-tour-select-show').click(function (e) {
                if ($(this).hasClass('open')){
                    $(this).removeClass('open');
                    $(this).show();
                    $(this).next('.study-tour-select-item').hide();
                } else {
                    $(this).addClass('open');
                    $(this).hide();
                    $(this).next('.study-tour-select-item').show();
                }
            });

            $('.study-tour-select-item p').click(function (e) {
                $(this).parent().prev('.study-tour-select-show').removeClass('open');
                $(this).parent().prev('.study-tour-select-show').show();
                $(this).parent().hide();
                $(this).parent().prev('.study-tour-select-show').html($(this).html());
            });
        </script>
	</body>
</html>
